<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <script type="text/javascript" src="../assets/js/vue.js"></script>
    <link rel="stylesheet" href="/assets/css/global.css">
    <title>vue.js实例</title>
</head>

<body>
    <div class="box">
        <h1>vue2.0实例</h1>
        <hr>
        <ol>
            <!--shift+alt+dowm 往下复制-->
            <h3>一、内部指令</h3>
            <li><a href="example/HelloWorld.html">HelloWorld 实例!</a></li>
            <li><a href="example/v-if.html">v-if&v-else&v-show 实例</a></li>
            <li><a href="example/v-for.html">v-for 实例</a></li>
            <li><a href="example/v-text.html">v-text&v-html 实例</a></li>
            <li><a href="example/v-on.html">v-on 实例</a></li>
            <li><a href="example/v-model.html">v-model 实例</a></li>
            <li><a href="example/v-bind.html">v-bind 实例</a></li>
        </ol>
        <ol>
            <h3>二、全局API</h3>
            <li><a href="example/vue.directive.html">vue.directive 自定义指令</a></li>
            <li><a href="example/extend.html">vue.extend 构造器的延伸</a></li>
            <li><a href="example/set.html">Vue.set全局操作</a></li>
            <li><a href="example/lifeCycle.html">Vue的生命周期（钩子函数</a></li>
            <li><a href="example/template.html">Template 制作模版</a></li>
            <li><a href="example/component.html">Component 初识组件</a></li>
            <li><a href="example/component2.html">Component 组件props 属性设置</a></li>
            <li><a href="example/component3.html">Component 父子组件关系</a></li>
            <li><a href="example/component4.html">Component 标签</a></li>
        </ol>
        <ol>
            <h3>三、构造器里的选项</h3>
            <li><a href="example/propsData.html">propsData Option 全局扩展的数据传递</a></li>
            <li><a href="example/computed.html">computed Option 计算选项</a></li>
            <li><a href="example/methods.html">Methods Option 方法选项</a></li>
            <li><a href="example/watch.html">Watch 选项 监控数据</a></li>
            <li><a href="example/mixins.html">Mixins 混入选项操作</a></li>
            <li><a href="example/extends.html">Extends Option 扩展选项</a></li>
        </ol>
        <ol>
            <h3>四、实例和内置组件</h3>
            <li><a href="example/example01.html">实例入门-实例属性</a></li>
            <li><a href="example/example02.html">实例方法</a></li>
            <li><a href="example/example03.html">实例事件</a></li>
            <li><a href="example/example04.html">内置组件 -slot</a></li>
            
        </ol>
    </div>
</body>

</html>